// 进入页面，马上进行数据回填操作 （把用户默认的信息，回填到输入框中）
function renderUser() {
    // 获取用户信息
    $.ajax({
        url: '/my/user/userinfo',
        success: function (res) {
            // console.log(res);
            if (res.status === 0) {
                // 设置输入框的默认值
                // console.log(res.data)
                // $('input[name=username]').val(res.data.username);
                // $('input[name=nickname]').val(res.data.nickname);
                // $('input[name=email]').val(res.data.email);
                // 加载 form 模块
                let form = layui.form;
                // 为表单赋值（数据回填）
                // form.val('表单的lay-filter属性值', '对象格式的数据(要求对象的键等于input的name属性值)');
                form.val('user', res.data);
            }
        }
    });
}

renderUser(); // 调用函数，就可以完成数据回填，就可以把用户默认的信息回填进输入框




/************************** 表单提交，完成信息更新 *********************** */
$('form').on('submit', function (e) {
    e.preventDefault();
    let data = $(this).serialize(); // 禁用 username 这个input。这样 serialize就不能获取到这项值了
    $.ajax({
        type: 'POST',
        url: '/my/user/userinfo',
        data: data,
        success: function (res) {
            if (res.status === 0) {
                layer.msg(res.message);
                // 调用函数 getUserInfo() 更新左上角的昵称和头像
                // 函数是父页面的函数，调用方式需要在函数前加入 window.parent
                // 调用条件：
                // 1. 使用iframe标签把两个页面建立父子关系； 
                // 2. 本地打开页面不行，必须在真实服务器环境中才能使用这个语法 (即必须使用live server打开页面)
                window.parent.getUserInfo();
            }
        }
    });
})


/************************** 重置 *********************** */
$('button[type=reset]').on('click', function (e) {
    e.preventDefault();
    renderUser();
})